<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">

<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
	<title>Welcome</title>
	
	<link href="../syntaxhighliter/shCore.css" rel="stylesheet" />
	<link href="../syntaxhighliter/shThemeDefault.css" rel="stylesheet" />
	<script src="../syntaxhighliter/xrepexp.js"></script>
	<script src="../syntaxhighliter/shCore.js"></script>
	<script type="text/javascript" src="../syntaxhighliter/shBrushJScript.js"></script>
	
	<link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css" />
	<link rel="stylesheet" type="text/css" href="../../resources/css/style.css" />
	
	<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js"></script>
	<script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js"></script>
	<script type="text/javascript" src="../../resources/js/slm.land.js"></script>
	<script type="text/javascript">
		Ext.onReady(function(){
			Ext.QuickTips.init();
			Ext.fly(document.body).on('contextmenu', function(e, target) {
				e.preventDefault();
			});
			Config = {
					baseUrl : "http://www.silverbiology.com/clients/pugetsound/resources/"
				,	mode: 'local'
			}
			var land = new SLM.landPanelRemote({
					renderTo: 'landpanel'
				,	width: 800
			});
		}); 
	</script>

</head>

<body>
	<div style="float:right; width: 400px; padding:5px;">
		<pre type="syntaxhighlighter" class="brush: js">
	&lt;link rel="stylesheet" type="text/css" href="http://extjs.cachefly.net/ext-3.4.0/resources/css/ext-all.css" />
	&lt;link rel="stylesheet" type="text/css" href="../../resources/css/style.css" />
	
	&lt;script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/adapter/ext/ext-base.js">&lt;/script>
	&lt;script type="text/javascript" src="http://extjs.cachefly.net/ext-3.4.0/ext-all.js">&lt;/script>
	
	&lt;script type="text/javascript" src="../../resources/js/slm.land.js">&lt;/script>
	&lt;script type="text/javascript">
		Ext.onReady(function(){
			Ext.QuickTips.init();
			Ext.fly(document.body).on('contextmenu', function(e, target) {
				e.preventDefault();
			});
			Config={
				baseUrl : "http://www.yourwebsite.com/pathToProject/"
			,	mode: 'local'  // 'remote'
			}
			var land = new SLM.landPanelRemote({
				renderTo: 'landpanel'
			})
		}); 
	&lt;/script>
	...
	&lt;div id="landpanel" style="padding:5px; height: 305px; width: 605px;">&lt;/div>
	...
		</pre>
    </div>
	<div style="padding:5px;">
		<h3>Land Example</h3><br>
		<div id="landpanel" style="padding:5px; height: 305px; width: 605px;"></div><br>
	
		<p>This example can be placed on any webpage.<br>
			<a href="../">See more examples...</a><br>
			<br>
			<script type="text/javascript">
					 SyntaxHighlighter.all()
			</script>
		</p>
	</div>
</body>
</html>